<template>
    <div style="display: inline-block;">
        <!-- <span class="isChange" v-if="tabValue.isChange"></span> -->
        <span class="textStr" :class="staticClass[tabValue.status]">
            <i class="el-icon-star-on"></i>
        </span>
        <!-- <span class="textStr" :class="typeClass[tabValue.oldValue.type]">{{tabValue.oldValue.type}}</span> -->
        <span class="tagTitle">{{tabValue.title}}</span>
    </div>
</template>

<script>
export default {
    props: ['tabValue'],
    data() {
        return {
            staticClass: {
                'orange': 'text_orange',
                'blue': 'text_blue',
                'red': 'text_red',
                'green': 'text_green',
                'gray': 'text_gray',
                undefined: 'text_transparent',
                null: 'text_transparent',
            },
        }
    },
}
</script>

<style scope>
    .tagTitle {
        color: #999999;
    }

    .textStr {
        font-weight: bold;
        margin: 0 5px 0 0;
    }
</style>